<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Easy Life</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- 头部区域 -->
    <header class="banXin headBox">
        <!-- 左边 -->
        <p class="fl">欢迎来到Easy life</p>
        <!-- 右边 -->
        <p class="fr">
            <a href="">登录</a>
            <a href="">注册</a>
            <a href="">我的账户</a>
        </p>
    </header>
    <!-- 导航区域 -->
    <nav class="banXin navBox">
        <!-- logo -->
        <h1 class="fl">
            <img src="images/logo.gif" alt="">
        </h1>
        <!-- 导航项 -->
        <ul class="fl">
            <li><a href="">首页</a></li>
            <li><a href="">关于我们</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">家具用品</a></li>
            <li><a href="">装修必看</a></li>
            <li><a href="">常见问题</a></li>
        </ul>
        <!-- 搜索 -->
        <ol class="fr">
            <li>
                <i class="iconfont icon-sousuoxiao"></i>
            </li>
            <li class="shopCar">
                <i class="iconfont icon-gouwuche-tianchong"></i>
                <span>3</span>
            </li>
        </ol>
    </nav>
    <!-- Banner区域 -->
    <section class="bannerBox">
    </section>
    <!-- icon图标盒子 -->
    <section class="iconBox">
        <ul>
            <li>
                <dl>
                    <dt class="iconfont icon-xiazai"></dt>
                    <dd>免费送货</dd>
                    <dd>所有产品订单</dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt class="iconfont icon-shuaxin"></dt>
                    <dd>免费退货</dd>
                    <dd>仅在30天内</dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt class="iconfont icon-liaotian"></dt>
                    <dd>全天服务</dd>
                    <dd>积极支持</dd>
                </dl>
            </li>
        </ul>
    </section>
    <!-- 特色产品 -->
    <section class="teSeBox">
        <div>
            <div class="teSeDetail">
                <h3>特色产品</h3>
                <p class="fenge">
                    <img src="images/fenGE.gif" alt="">
                </p>
                <p class="txt">两期精选特惠，每期精选30余款不同好物，联系客服即可享受高端定制，拥有属于自己的家具。</p>
                <ul class="pdBox">
                    <li class="hot"><a href="">
                        <p>
                            <img src="images/pro01.gif" alt="">
                        </p>
                        <p class="pdl pdTxt">Easy Life 新款精品吊灯</p>
                        <p class="pdl pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                            <span class="newPrice">￥490.00</span>
                            <span class="oldPrice">￥515.00</span>
                        </p>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="images/pro02.gif" alt="">
                        </p>
                        <p class="pdl pdTxt">Easy Life 新款精品吊灯</p>
                        <p class="pdl pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                            <span class="newPrice">￥490.00</span>
                            <span class="oldPrice">￥515.00</span>
                        </p>
                    </a></li>
                </ul>
            </div>
        </div>
        <div class="teSePic">
            <!-- <img src="images/pic01.gif" alt=""> -->
        </div>
    </section>
    <!-- 新品推荐 -->
    <section class="teSeBox">
        <div class="xinPinPic">
            <!-- <img src="images/pic02.gif" id="xp" alt=""> -->
        </div>
        <div>
            <div class="teSeDetail xinPin">
                <h3>新品推荐</h3>
                <p class="fenge">
                    <img src="images/fenGE.gif" alt="">
                </p>
                <p class="txt">两期精选特惠，每期精选30余款不同好物，联系客服即可享受高端定制，拥有属于自己的家具。</p>
                <ul class="pdBox">
                    <li class="hot"><a href="">
                        <p>
                            <img src="images/pro03.gif" alt="">
                        </p>
                        <p class="pdl pdTxt">Easy Life 新款精品吊灯</p>
                        <p class="pdl pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                            <span class="newPrice">￥490.00</span>
                            <span class="oldPrice">￥515.00</span>
                        </p>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="images/pro04.gif" alt="">
                        </p>
                        <p class="pdl pdTxt">Easy Life 新款精品吊灯</p>
                        <p class="pdl pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                            <span class="newPrice">￥490.00</span>
                            <span class="oldPrice">￥515.00</span>
                        </p>
                    </a></li>
                </ul>
            </div>
        </div>
    </section>
    <!-- 配件区域 -->
    <section class="banXin pjBox">
        <div class="pjLeft">
            <div class="pj juZhong">
                <img src="images/bg01.gif" alt="">
                <p class=" juZhong">
                    <button>配件</button>
                </p>
            </div>
            <div class="sendBox juZhong">
                <dl>
                    <dt>
                        <i class="iconfont icon-fasong"></i>
                    </dt>
                    <dd>全国免费送货</dd>
                    <dd>无论亲在哪个地方,只要有快递的身影,都可享受本店的包邮服务!</dd>
                </dl>
                <i class="iconfont icon-fasong"></i>
            </div>
        </div>
        <div class="pj">
            <img src="images/bg02.gif" alt="">
            <p class="juZhong">推荐</p>
        </div>
        <div class="pj">
            <img src="images/bg03.gif" alt="">
            <p class="juZhong">
                <button>家具</button>
            </p>
        </div>
    </section>
    <!-- 商品列表区域 -->
    <section class="banXin listBox">
        <div>
            <h4>产品上新</h4>
            <ul>
                <li>
                    <a href="">
                        <p>
                            <img src="images/sahgnxin01.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class="pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                        </p>
                        <p class="newPrice">￥490.00</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="images/sahgnxin01.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class="pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                        </p>
                        <p class="newPrice">￥490.00</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="images/sahgnxin01.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class="pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                        </p>
                        <p class="newPrice">￥490.00</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="images/sahgnxin01.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class="pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                        </p>
                        <p class="newPrice">￥490.00</p>
                    </a>
                </li>
            </ul>
        </div>
        <div>
            <h4>美观推荐</h4>
            <ul>
                <li>
                    <a href="">
                        <p>
                            <img src="images/sahgnxin01.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class="pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                        </p>
                        <p class="newPrice">￥490.00</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="images/sahgnxin01.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class="pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                        </p>
                        <p class="newPrice">￥490.00</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="images/sahgnxin01.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class="pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                        </p>
                        <p class="newPrice">￥490.00</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="images/sahgnxin01.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class="pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                        </p>
                        <p class="newPrice">￥490.00</p>
                    </a>
                </li>
            </ul>
        </div>
        <div>
            <h4>经典实用</h4>
            <ul>
                <li>
                    <a href="">
                        <p>
                            <img src="images/sahgnxin01.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class="pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                        </p>
                        <p class="newPrice">￥490.00</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="images/sahgnxin01.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class="pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                        </p>
                        <p class="newPrice">￥490.00</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="images/sahgnxin01.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class="pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                        </p>
                        <p class="newPrice">￥490.00</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="images/sahgnxin01.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class="pdWuXing">
                            <span>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            </span>
                        </p>
                        <p class="newPrice">￥490.00</p>
                    </a>
                </li>
            </ul>
        </div>
    </section>
    <!-- 尾部区域 -->
    <section class="mid10 banXin">
    </section>
    <footer class="footBox">
        <div class="footTop">
            <ul class="banXin">
                <li>
                    <h4 class="footTit">购物指南</h4>
                    <p>购物流程</p>
                    <p>会员介绍</p>
                    <p style="width: 103px;">生活旅行/团购</p>
                    <p>常见问题</p>
                    <p>联系方式</p>
                    <p>联系客服</p>
                </li>
                <li>
                    <h4 class="footTit">配送方式</h4>
                    <p>上门自提</p>
                    <p>211限时达</p>
                    <p>配送服务查询</p>
                    <p style="width: 112px;">配送费收取标准</p>
                    <p>海外配送</p>
                </li>
                <li>
                    <h4 class="footTit">支付方式</h4>
                    <p>货到付款</p>
                    <p>在线支付</p>
                    <p>分期付款</p>
                    <p>邮局汇款</p>
                    <p>公司转账</p>
                </li>
                <li>
                    <h4 class="footTit">售后服务</h4>
                    <p>售后政策</p>
                    <p>价格保护</p>
                    <p>退款说明</p>
                    <p>返修/退换货</p>
                    <p>取消订单</p>
                </li>
            </ul>
        </div>
        <div class="footCenter">
            <ul class="banXin">
                <li>
                    <p class="flogo">
                        <img src="./images/logo02.png" alt="">
                    </p>
                    <p class="ftxt">Easy Life是知名家具和家居零售商,设计时尚的系列产品在功能和风格上种类繁多。无论你喜爱哪一种风格,都有为所有人提供的家居产品和解决方案,并以为大众创造更加美好的日常生活为理念。Easy Life家居官方网上商城全面上线！</p>
                    <p class="ficon">
                        <i class="iconfont icon-weixin"></i>
                        <i class="iconfont icon-qq"></i>
                        <i class="iconfont icon-weibo"></i>
                    </p>
                </li>
                <li>
                    <h4 class="footTit">联系方式</h4>
                    <p class="msd12">
                        <span><img src="./img/images/dian_24.gif" alt=""></span>
                        <span>400-6*8-9*8</span>
                    </p>
                    <p style="width: 263px;" class="msd12">
                        <span><img src="./img/images/dian_27.gif" alt=""></span>
                        <span>心兴市海洋区贝关路5区166号<br>
                            Easy Life生活家具责任公司</span>
                    </p>
                    <p class="msd12">
                        <span><img src="./img/images/dian_29.gif" alt=""></span>
                        <span>xjg**********98@163.com</span>
                    </p>
                </li>
                <li>
                    <h4 class="footTit">营业时间</h4>
                    <div>
                        <span class="msd14">周一至周五</span>
                        <span class="msd15">9:00 - 22:00</span>
                    </div>
                    <div class="msd13">
                        <span>周六</span>
                        <span>10:00 - 00:00</span>
                    </div>
                    <div class="msd13">
                        <span>周日</span>
                        <span>12:00 - 00:00</span>
                    </div>
                </li>
        </div>
        <div class="banXin footButtom">Copyright©2019 </div>
    </footer>
</body>
</html>